<!--
2D转换之：2D旋转
    - transform: rotate(度数);
    - 让元素在二维平面内顺时针或逆时针旋转。
    - 单位：deg，度数。正-顺，负-逆。（1turn=360deg）
    - 默认旋转中心：元素中心点。
注意：
    转一圈360deg时，太快看不了效果，记得加过渡效果。

旋转中心
    transform-origin: x y;
        - 精确坐标（px）
        - 百分比（默认是元素中心：50% 50%）
        - 方位名词（top、bottom、left、right、center）
-->

<style>
  img {
    display: block;
    width: 200px;
    margin: 100px auto;
    border: 2px solid orangered;
    transition: all 0.5s;
    transform-origin: left bottom;
  }
  img:hover {
    transform: rotate(360deg);
  }
</style>

<img src="./img/item.png" alt="" />
